<template>
  <div>
    <h1>已经完成--------{{getMes.length}}</h1>
     <p v-for="v in getMes" :key="v.id">
            <input type="checkbox" :checked="v.isFnish" @change="change(v.id)">
      {{ v.mes }}
      <button @click="dele(v)">删除</button>
    </p>
  </div>
</template>
<script>
export default {
  name: "Finsh",
  computed: {
    getMes() {
      return this.$store.getters.getFnishi;
    },
  },
  methods: {
    change(v){
        this.$store.commit("changes",v);
    },
    dele(v){
    this.$store.commit("dele",v);
}
}
}
</script>
<style scoped>
</style>
